<template>
    <div class="logo-container">
        <img src="../../../assets/logo/fill/white.png">
        <div style="width: 10px"></div>
        <span>网易云音乐Redesign</span>
    </div>
</template>

<script>
export default {
    name: "logo",
    
}
</script>

<style scoped>
    .logo-container {
        padding: 10px 20px;
        width: auto;
        height: calc(100% - 20px);
        display: flex;
    }
    
    .logo-container img {
        width: 40px;
        height: 40px;
    }

    .logo-container span {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        font-size: 20px;
    }
</style>